﻿<!DOCTYPE html>
<html lang="en-US" itemscope="itemscope" itemtype="http://schema.org/WebPage">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Electro &#8211; Electronics Ecommerce Theme</title>

        <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css" media="all" />
        <link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css" media="all" />
        <link rel="stylesheet" type="text/css" href="assets/css/animate.min.css" media="all" />
        <link rel="stylesheet" type="text/css" href="assets/css/font-electro.css" media="all" />
        <link rel="stylesheet" type="text/css" href="assets/css/owl-carousel.css" media="all" />
        <link rel="stylesheet" type="text/css" href="assets/css/style.css" media="all" />
        <link rel="stylesheet" type="text/css" href="assets/css/colors/yellow.css" media="all" />
        <link rel="stylesheet" type="text/css" href="css/xcConfirm.css"/>

        <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,700italic,800,800italic,600italic,400italic,300italic' rel='stylesheet' type='text/css'>

        <link rel="shortcut icon" href="assets/images/fav-icon.png">
    </head>

    <body class="single-product full-width">
    <div id="page" class="hfeed site">
        <a class="skip-link screen-reader-text" href="#site-navigation">Skip to navigation</a>
        <a class="skip-link screen-reader-text" href="#content">Skip to content</a>


        <div class="top-bar">
            <div class="container">
                <nav>
                    <ul id="menu-top-bar-left" class="nav nav-inline pull-left animate-dropdown flip">
                        <li class="menu-item animate-dropdown"><a title="欢迎来到 CSU Mall" href="#">欢迎来到CSU Mall</a></li>
                    </ul>
                </nav>

                <nav id="logined-nav" style="display: none">
                    <ul id="menu-top-bar-right" class="nav nav-inline pull-right animate-dropdown flip">
                        <li class="menu-item animate-dropdown"><a title="Store Locator" href="#"><i class="ec ec-map-pointer"></i>当地商店</a></li>
                        <li class="menu-item animate-dropdown"><a title="Track Your Order" href="track-your-order.html"><i class="ec ec-transport"></i>物流</a></li>
                        <li class="menu-item animate-dropdown"><a title="Shop" href="shop.html"><i class="ec ec-shopping-bag"></i>Shop</a></li>
                        <li class="menu-item animate-dropdown"><a title="My Account" href="./my-info.html"><i class="ec ec-user"></i>个人中心</a></li>
                    </ul>
                </nav>
                <nav id="login-nav" style="display:none;">
                    <ul class="nav nav-inline pull-right animate-dropdown flip">
                        <li class="menu-item animate-dropdown"><a title="My Account" href="./my-account.html"><i class="ec ec-user"></i>请登录</a></li>
                    </ul>
                </nav>
            </div>
        </div><!-- /.top-bar -->


        <nav class="navbar navbar-primary navbar-full">
            <div class="container">
                <ul class="nav navbar-nav departments-menu animate-dropdown">
                    <li class="nav-item dropdown ">
                        <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="./home.html" id="departments-menu-toggle" >Cherry Save Us malll</a>
                    </li>
                </ul>
                <div class="navbar-search">
                    <label class="sr-only screen-reader-text" for="input-search">Search for:</label>
                    <div class="input-group">
                        <input type="text" id="input-search" class="form-control search-field" dir="ltr" value="" name="s" placeholder="Search for products" />
                        <div class="input-group-addon search-categories">
                            <select name='product_cat' id='product_cat' class='postform resizeselect' >
                                <option value='0' selected='selected'>All Categories</option>
                                <option class="level-0" value="laptops-laptops-computers">Laptops</option>

                            </select>
                        </div>
                        <div class="input-group-btn">
                            <input type="hidden" id="search-param" name="post_type" value="product" />
                            <button class="btn btn-secondary" id="search-btn"><i class="ec ec-search"></i></button>
                        </div>
                    </div>
                </div>

                <ul class="navbar-mini-cart navbar-nav animate-dropdown nav pull-right flip">
                    <li class="nav-item dropdown">
                        <a href="cart.html" class="nav-link" data-toggle="dropdown">
                            <i class="ec ec-shopping-bag"></i>
                            <span class="cart-items-count count">4</span>
                            <span class="cart-items-total-price total-price"><span class="amount">&#36;1,215.00</span></span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-mini-cart">
                            <li>
                                <div class="widget_shopping_cart_content">

                                    <ul class="cart_list product_list_widget ">


                                        <li class="mini_cart_item">
                                            <a title="Remove this item" class="remove" href="#">×</a>
                                            <a href="single-product.html">
                                                <img class="attachment-shop_thumbnail size-shop_thumbnail wp-post-image" src="assets/images/products/mini-cart1.jpg" alt="">White lumia 9001&nbsp;
                                            </a>

                                            <span class="quantity">2 × <span class="amount">£150.00</span></span>
                                        </li>


                                        <li class="mini_cart_item">
                                            <a title="Remove this item" class="remove" href="#">×</a>
                                            <a href="single-product.html">
                                                <img class="attachment-shop_thumbnail size-shop_thumbnail wp-post-image" src="assets/images/products/mini-cart2.jpg" alt="">PlayStation 4&nbsp;
                                            </a>

                                            <span class="quantity">1 × <span class="amount">£399.99</span></span>
                                        </li>

                                        <li class="mini_cart_item">
                                            <a data-product_sku="" data-product_id="34" title="Remove this item" class="remove" href="#">×</a>
                                            <a href="single-product.html">
                                                <img class="attachment-shop_thumbnail size-shop_thumbnail wp-post-image" src="assets/images/products/mini-cart3.jpg" alt="">POV Action Cam HDR-AS100V&nbsp;

                                            </a>

                                            <span class="quantity">1 × <span class="amount">£269.99</span></span>
                                        </li>


                                    </ul><!-- end product list -->


                                    <p class="total"><strong>Subtotal:</strong> <span class="amount">£969.98</span></p>


                                    <p class="buttons">
                                        <a class="button wc-forward" href="cart.html">View Cart</a>
                                        <a class="button checkout wc-forward" href="checkout.html">Checkout</a>
                                    </p>


                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>

                <ul class="navbar-wishlist nav navbar-nav pull-right flip">
                    <li class="nav-item">
                        <a href="wishlist.html" class="nav-link" ><i class="ec ec-favorites"></i></a>
                    </li>
                </ul>
                <ul class="navbar-compare nav navbar-nav pull-right flip">
                    <li class="nav-item">
                        <a href="compare.html" class="nav-link"><i class="ec ec-compare"></i></a>
                    </li>
                </ul>
            </div>
        </nav>


        <div id="content" class="site-content" tabindex="-1">
            <div class="container">

                <nav class="woocommerce-breadcrumb">

                </nav><!-- /.woocommerce-breadcrumb -->

                <div id="primary" class="content-area">
                    <main id="main" class="site-main">

                        <div class="product">

                            <div class="single-product-wrapper">
                                <div class="product-images-wrapper">
                                    <span class="onsale">Sale!</span>
                                    <div class="images electro-gallery">
                                        <div class="thumbnails-single owl-carousel" id="gallery-big-list">
<!--                                            <a href="images/single-product/s1-1.jpg" class="zoom" title="" data-rel="prettyPhoto[product-gallery]"><img src="assets/images/blank.gif" data-echo="assets/images/single-product/s1-1.jpg" class="wp-post-image" alt=""></a>-->

<!--                                            <a href="images/single-product/s1.jpg" class="zoom" title="" data-rel="prettyPhoto[product-gallery]"><img src="assets/images/blank.gif" data-echo="assets/images/single-product/s1.jpg" class="wp-post-image" alt=""></a>-->

<!--                                            <a href="images/single-product/s2.jpg" class="zoom" title="" data-rel="prettyPhoto[product-gallery]"><img src="assets/images/blank.gif" data-echo="assets/images/single-product/s2.jpg" class="wp-post-image" alt=""></a>-->

<!--                                            <a href="images/single-product/s3.jpg" class="zoom" title="" data-rel="prettyPhoto[product-gallery]"><img src="assets/images/blank.gif" data-echo="assets/images/single-product/s3.jpg" class="wp-post-image" alt=""></a>-->

<!--                                            <a href="images/single-product/s4.jpg" class="zoom" title="" data-rel="prettyPhoto[product-gallery]"><img src="assets/images/blank.gif" data-echo="assets/images/single-product/s4.jpg" class="wp-post-image" alt=""></a>-->

<!--                                            <a href="images/single-product/s5.jpg" class="zoom" title="" data-rel="prettyPhoto[product-gallery]"><img src="assets/images/blank.gif" data-echo="assets/images/single-product/s5.jpg" class="wp-post-image" alt=""></a>-->
                                        </div><!-- .thumbnails-single -->

                                        <div class="thumbnails-all columns-5 owl-carousel" id="gallery-sm-list">
<!--                                            <a href="images/single-product/single-thumb1.jpg" class="first" title=""><img src="assets/images/blank.gif" data-echo="assets/images/single-product/single-thumb1.jpg" class="wp-post-image" alt=""></a>-->

<!--                                            <a href="images/single-product/single-thumb2.jpg" class="" title=""><img src="assets/images/blank.gif" data-echo="assets/images/single-product/single-thumb2.jpg" class="wp-post-image" alt=""></a>-->

<!--                                            <a href="images/single-product/single-thumb3.jpg" class="" title=""><img src="assets/images/blank.gif" data-echo="assets/images/single-product/single-thumb3.jpg" class="wp-post-image" alt=""></a>-->

<!--                                            <a href="images/single-product/single-thumb4.jpg" class="" title=""><img src="assets/images/blank.gif" data-echo="assets/images/single-product/single-thumb4.jpg" class="wp-post-image" alt=""></a>-->

<!--                                            <a href="images/single-product/single-thumb5.jpg" class="last" title=""><img src="assets/images/blank.gif" data-echo="assets/images/single-product/single-thumb5.jpg" class="wp-post-image" alt=""></a>-->

<!--                                            <a href="images/single-product/single-thumb6.jpg" class="first" title=""><img src="assets/images/blank.gif" data-echo="assets/images/single-product/single-thumb6.jpg" class="wp-post-image" alt=""></a>-->
                                        </div><!-- .thumbnails-all -->
                                    </div><!-- .electro-gallery -->
                                </div><!-- /.product-images-wrapper -->

                                <div class="summary entry-summary">

                                        <span class="loop-product-categories">
                                            <a href="product-category.html" rel="tag" id="categoryId">商品分类</a>
                                        </span><!-- /.loop-product-categories -->

                                    <h1 itemprop="name" class="product_title entry-title" id="itemName">产品名称</h1>

                                    <div class="woocommerce-product-rating">
                                        <div class="star-rating" title="Rated 4.33 out of 5">
                                                <span style="width:86.6%" id="product-star-pec">
                                                    <strong itemprop="ratingValue" class="rating" id="product-star-count" >4.33</strong>
                                                    out of <span itemprop="bestRating">5</span>				based on
                                                    <span itemprop="ratingCount" class="rating">3</span>
                                                    customer ratings
                                                </span>
                                        </div>

                                        <a href="#reviews" class="woocommerce-review-link">(<span itemprop="reviewCount" class="count" id="comment-count">3</span> customer reviews)</a>
                                    </div><!-- .woocommerce-product-rating -->



                                    <div class="availability in-stock" style="display: none">Availablity: <span id="stock">库存： (55)</span></div><!-- .availability -->
                                    <div class="availability out-of-stock" style="display:none;">Availablity: <span >none stock</span></div><!-- .availability -->

                                    <hr class="single-product-title-divider" />

                                    <div class="action-buttons">

                                        <a href="#" class="add_to_wishlist" >
                                            Wishlist
                                        </a>


                                        <a href="#" class="add-to-compare-link" data-product_id="2452">Compare</a>
                                    </div><!-- .action-buttons -->

                                    <div itemprop="description" id="description">

                                        <p><strong>SKU</strong>: FW511948218</p>
                                    </div><!-- .description -->

                                    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">

                                        <p class="price"><span class="electro-price"><ins><span class="amount" id="price">1,215.00</span>¥</ins> <del><span class="amount"></span>¥</del></span></p>

                                        <meta itemprop="price" content="1215" />
                                        <meta itemprop="priceCurrency" content="USD" />
                                        <link itemprop="availability" href="http://schema.org/InStock" />

                                    </div><!-- /itemprop -->

                                    <div class="variations_form cart" ">

                                        <table class="variations">
                                            <tbody>
                                            <tr>
                                                <td class="label"><label>Color</label></td>
                                                <td class="value">
                                                    <select class="" name="attribute_pa_color">
                                                        <option value="">Choose an option</option>
                                                        <option value="black-with-red" >Black with Red</option>
                                                        <option value="white-with-gold"  selected='selected'>White with Gold</option>
                                                    </select>
                                                    <a class="reset_variations" href="#">Clear</a>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>


                                        <div class="single_variation_wrap">
                                            <div class="woocommerce-variation single_variation"></div>
                                            <div class="woocommerce-variation-add-to-cart variations_button">
                                                <div class="quantity">
                                                    <label>Quantity:</label>
                                                    <input type="number" name="quantity" id="quantityToCart" value="1" title="Qty" class="input-text qty text"/>
                                                </div>
                                                <button class="single_add_to_cart_button button" id="single_add_to_cart_button">Add to cart</button>
                                                <input type="hidden" name="add-to-cart" value="2452" />
                                                <input type="hidden" name="product_id" value="2452" />
                                                <input type="hidden" name="variation_id" class="variation_id" value="0" />
                                                <button class="btn-info" id="buy-btn">OMG!买它!~</button>

                                            </div>
                                        </div>
                                    </div>

                                </div><!-- .summary -->
                            </div><!-- /.single-product-wrapper -->


                            <div class="woocommerce-tabs wc-tabs-wrapper">
                                <ul class="nav nav-tabs electro-nav-tabs tabs wc-tabs" role="tablist">


                                    <li class="nav-item reviews_tab">
                                        <a href="#tab-reviews"  class="active" data-toggle="tab">Reviews</a>
                                    </li>
                                </ul>

                                <div class="tab-content">


                                    <div class="tab-pane panel entry-content wc-tab active" id="tab-reviews">
                                        <div id="reviews" class="electro-advanced-reviews">
                                            <div class="advanced-review row">
                                                <div class="col-xs-12 col-md-6">
                                                    <h2 class="based-title">Based on 3 reviews</h2>
                                                    <div class="avg-rating">
                                                        <span class="avg-rating-number" id="avgstar">4.3</span> overall
                                                    </div>

                                                    <div class="rating-histogram">
                                                        <div class="rating-bar">
                                                            <div class="star-rating" title="Rated 5 out of 5">
                                                                <span style="width:100%"></span>
                                                            </div>
                                                            <div class="rating-percentage-bar">
                                                                    <span style="width:33%" class="rating-percentage" id="star5">

                                                                    </span>
                                                            </div>
                                                            <div class="rating-count" id="star5count">1</div>
                                                        </div><!-- .rating-bar -->

                                                        <div class="rating-bar">
                                                            <div class="star-rating" title="Rated 4 out of 5">
                                                                <span style="width:80%"  ></span>
                                                            </div>
                                                            <div class="rating-percentage-bar">
                                                                <span style="width:67%" class="rating-percentage" id="star4"></span>
                                                            </div>
                                                            <div class="rating-count" id="star4count">2</div>
                                                        </div><!-- .rating-bar -->

                                                        <div class="rating-bar">
                                                            <div class="star-rating" title="Rated 3 out of 5">
                                                                <span style="width:60%"></span>
                                                            </div>
                                                            <div class="rating-percentage-bar">
                                                                <span style="width:0%" class="rating-percentage" id="star3"></span>
                                                            </div>
                                                            <div class="rating-count zero" id="star3count">0</div>
                                                        </div><!-- .rating-bar -->

                                                        <div class="rating-bar">
                                                            <div class="star-rating" title="Rated 2 out of 5">
                                                                <span style="width:40%"></span>
                                                            </div>
                                                            <div class="rating-percentage-bar">
                                                                <span style="width:0%" class="rating-percentage" id="star2"></span>
                                                            </div>
                                                            <div class="rating-count zero" id="star2count">0</div>
                                                        </div><!-- .rating-bar -->

                                                        <div class="rating-bar">
                                                            <div class="star-rating" title="Rated 1 out of 5">
                                                                <span style="width:20%"></span>
                                                            </div>
                                                            <div class="rating-percentage-bar">
                                                                <span style="width:0%" class="rating-percentage" id="star1"></span>
                                                            </div>
                                                            <div class="rating-count zero" id="star1count">0</div>
                                                        </div><!-- .rating-bar -->
                                                    </div>
                                                </div><!-- /.col -->

                                                <div class="col-xs-12 col-md-6">
                                                    <div id="review_form_wrapper">
                                                        <div id="review_form">
                                                            <div id="respond" class="comment-respond">
                                                                <h3 id="reply-title" class="comment-reply-title">Add a review
                                                                    <small><a rel="nofollow" id="cancel-comment-reply-link" href="#" style="display:none;">Cancel reply</a>
                                                                    </small>
                                                                </h3>

                                                                <form action="#" method="post" id="commentform" class="comment-form">
                                                                    <p class="comment-form-rating">
                                                                        <label>Your Rating</label>
                                                                    </p>

                                                                    <p class="stars">
                                                                            <span><a class="star-1" href="#">1</a>
                                                                                <a class="star-2" href="#">2</a>
                                                                                <a class="star-3" href="#">3</a>
                                                                                <a class="star-4" href="#">4</a>
                                                                                <a class="star-5" href="#">5</a>
                                                                            </span>
                                                                    </p>

                                                                    <p class="comment-form-comment">
                                                                        <label for="comment">Your Review</label>
                                                                        <textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea>
                                                                    </p>

                                                                    <p class="form-submit">
                                                                        <input name="submit" type="submit" id="submit" class="submit" value="Add Review" />
                                                                        <input type='hidden' name='comment_post_ID' value='2452' id='comment_post_ID' />
                                                                        <input type='hidden' name='comment_parent' id='comment_parent' value='0' />
                                                                    </p>

                                                                    <input type="hidden" id="_wp_unfiltered_html_comment_disabled" name="_wp_unfiltered_html_comment_disabled" value="c7106f1f46" />
                                                                    <script>(function(){if(window===window.parent){document.getElementById('_wp_unfiltered_html_comment_disabled').name='_wp_unfiltered_html_comment';}})();</script>
                                                                </form><!-- form -->
                                                            </div><!-- #respond -->
                                                        </div>
                                                    </div>

                                                </div><!-- /.col -->
                                            </div><!-- /.row -->

                                            <div id="comments">

                                                <ol class="commentlist" id="comment-list">


<!--                                                    <li class="comment odd alt thread-odd thread-alt depth-1">-->

<!--                                                        <div class="comment_container">-->

<!--                                                            <img alt='' src="assets/images/blog/avatar.jpg" class="avatar" height='60' width='60' />-->
<!--                                                            <div class="comment-text">-->

<!--                                                                <div itemprop="reviewRating" class="star-rating" title="Rated 5 out of 5">-->
<!--                                                                    <span style="width:100%"><strong itemprop="ratingValue">5</strong> out of 5</span>-->
<!--                                                                </div>-->

<!--                                                                <p class="meta">-->
<!--                                                                    <strong>Anna Kowalsky</strong> &ndash;-->
<!--                                                                    <time itemprop="datePublished" datetime="2016-03-03T14:14:47+00:00">March 3, 2016</time>:-->
<!--                                                                </p>-->


<!--                                                                <div itemprop="description" class="description">-->
<!--                                                                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse eget facilisis odio. Duis sodales augue eu tincidunt faucibus. Etiam justo ligula, placerat ac augue id, volutpat porta dui.-->
<!--                                                                    </p>-->
<!--                                                                </div>-->

<!--                                                                <p class="meta">-->
<!--                                                                    <strong itemprop="author">Anna Kowalsky</strong> &ndash; <time itemprop="datePublished" datetime="2016-03-03T14:14:47+00:00">March 3, 2016</time>-->
<!--                                                                </p>-->

<!--                                                            </div>-->
<!--                                                        </div>-->
<!--                                                    </li>&lt;!&ndash; #comment-## &ndash;&gt;-->
                                                </ol><!-- /.commentlist -->

                                            </div><!-- /#comments -->
                                            <div class="shop-control-bar-bottom">
                                                <nav class="woocommerce-pagination">
                                                    <ul class="page-numbers" id="page-numbers">

                                                    </ul>
                                                </nav>
                                            </div>
                                            <div class="clear"></div>
                                        </div><!-- /.electro-advanced-reviews -->
                                    </div><!-- /.panel -->
                                </div>
                            </div><!-- /.woocommerce-tabs -->

                        </div><!-- /.product -->

                    </main><!-- /.site-main -->
                </div><!-- /.content-area -->
            </div><!-- /.container -->
        </div><!-- /.site-content -->

        <section class="brands-carousel">
            <h2 class="sr-only">Brands Carousel</h2>
            <div class="container">
                <div id="owl-brands" class="owl-brands owl-carousel unicase-owl-carousel owl-outer-nav">

                    <div class="item">

                        <a href="#">

                            <figure>
                                <figcaption class="text-overlay">
                                    <div class="info">
                                        <h4>Acer</h4>
                                    </div><!-- /.info -->
                                </figcaption>

                                <img src="assets/images/blank.gif" data-echo="assets/images/brands/1.png" class="img-responsive" alt="">

                            </figure>
                        </a>
                    </div><!-- /.item -->


                    <div class="item">

                        <a href="#">

                            <figure>
                                <figcaption class="text-overlay">
                                    <div class="info">
                                        <h4>Apple</h4>
                                    </div><!-- /.info -->
                                </figcaption>

                                <img src="assets/images/blank.gif" data-echo="assets/images/brands/2.png" class="img-responsive" alt="">

                            </figure>
                        </a>
                    </div><!-- /.item -->


                    <div class="item">

                        <a href="#">

                            <figure>
                                <figcaption class="text-overlay">
                                    <div class="info">
                                        <h4>Asus</h4>
                                    </div><!-- /.info -->
                                </figcaption>

                                <img src="assets/images/blank.gif" data-echo="assets/images/brands/3.png" class="img-responsive" alt="">

                            </figure>
                        </a>
                    </div><!-- /.item -->


                    <div class="item">

                        <a href="#">

                            <figure>
                                <figcaption class="text-overlay">
                                    <div class="info">
                                        <h4>Dell</h4>
                                    </div><!-- /.info -->
                                </figcaption>

                                <img src="assets/images/blank.gif" data-echo="assets/images/brands/4.png" class="img-responsive" alt="">

                            </figure>
                        </a>
                    </div><!-- /.item -->


                    <div class="item">

                        <a href="#">

                            <figure>
                                <figcaption class="text-overlay">
                                    <div class="info">
                                        <h4>Gionee</h4>
                                    </div><!-- /.info -->
                                </figcaption>

                                <img src="assets/images/blank.gif" data-echo="assets/images/brands/5.png" class="img-responsive" alt="">

                            </figure>
                        </a>
                    </div><!-- /.item -->


                    <div class="item">

                        <a href="#">

                            <figure>
                                <figcaption class="text-overlay">
                                    <div class="info">
                                        <h4>HP</h4>
                                    </div><!-- /.info -->
                                </figcaption>

                                <img src="assets/images/blank.gif" data-echo="assets/images/brands/6.png" class="img-responsive" alt="">

                            </figure>
                        </a>
                    </div><!-- /.item -->


                    <div class="item">

                        <a href="#">

                            <figure>
                                <figcaption class="text-overlay">
                                    <div class="info">
                                        <h4>HTC</h4>
                                    </div><!-- /.info -->
                                </figcaption>

                                <img src="assets/images/blank.gif" data-echo="assets/images/brands/3.png" class="img-responsive" alt="">

                            </figure>
                        </a>
                    </div><!-- /.item -->


                    <div class="item">

                        <a href="#">

                            <figure>
                                <figcaption class="text-overlay">
                                    <div class="info">
                                        <h4>IBM</h4>
                                    </div><!-- /.info -->
                                </figcaption>

                                <img src="assets/images/blank.gif" data-echo="assets/images/brands/5.png" class="img-responsive" alt="">

                            </figure>
                        </a>
                    </div><!-- /.item -->


                    <div class="item">

                        <a href="#">

                            <figure>
                                <figcaption class="text-overlay">
                                    <div class="info">
                                        <h4>Lenova</h4>
                                    </div><!-- /.info -->
                                </figcaption>

                                <img src="assets/images/blank.gif" data-echo="assets/images/brands/2.png" class="img-responsive" alt="">

                            </figure>
                        </a>
                    </div><!-- /.item -->


                    <div class="item">

                        <a href="#">

                            <figure>
                                <figcaption class="text-overlay">
                                    <div class="info">
                                        <h4>LG</h4>
                                    </div><!-- /.info -->
                                </figcaption>

                                <img src="assets/images/blank.gif" data-echo="assets/images/brands/1.png" class="img-responsive" alt="">

                            </figure>
                        </a>
                    </div><!-- /.item -->


                    <div class="item">

                        <a href="#">

                            <figure>
                                <figcaption class="text-overlay">
                                    <div class="info">
                                        <h4>Micromax</h4>
                                    </div><!-- /.info -->
                                </figcaption>

                                <img src="assets/images/blank.gif" data-echo="assets/images/brands/6.png" class="img-responsive" alt="">

                            </figure>
                        </a>
                    </div><!-- /.item -->


                    <div class="item">

                        <a href="#">

                            <figure>
                                <figcaption class="text-overlay">
                                    <div class="info">
                                        <h4>Microsoft</h4>
                                    </div><!-- /.info -->
                                </figcaption>

                                <img src="assets/images/blank.gif" data-echo="assets/images/brands/4.png" class="img-responsive" alt="">

                            </figure>
                        </a>
                    </div><!-- /.item -->


                </div><!-- /.owl-carousel -->

            </div>
        </section>

        <footer id="colophon" class="site-footer">


            <div class="copyright-bar">
                <div class="container">
                    <div class="pull-left flip copyright">&copy; <a href="http://www.bootstrapmb.com">Electro</a> - All Rights Reserved</div>
                    <div class="pull-right flip payment">
                        <div class="footer-payment-logo">
                            <ul class="cash-card card-inline">

                            </ul>
                        </div><!-- /.payment-methods -->
                    </div>
                </div><!-- /.container -->
            </div><!-- /.copyright-bar -->
        </footer><!-- #colophon -->

    </div><!-- #page -->

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script type="text/javascript" src="assets/js/tether.min.js"></script>
    <script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="assets/js/bootstrap-hover-dropdown.min.js"></script>
    <script type="text/javascript" src="./js/common.js"></script>

    <script type="text/javascript" src="js/single-product.js"></script>

    <script type="text/javascript" src="assets/js/owl.carousel.min.js"></script>

    <script type="text/javascript" src="assets/js/echo.min.js"></script>
    <script type="text/javascript" src="assets/js/wow.min.js"></script>
    <script type="text/javascript" src="assets/js/jquery.easing.min.js"></script>
    <script type="text/javascript" src="assets/js/jquery.waypoints.min.js"></script>
    <script type="text/javascript" src="assets/js/electro.js"></script>


    <script type="text/javascript" src="./js/xcConfirm.js"></script>

    <script type="text/javascript" src="js/user.js"></script>
    <script type="text/javascript" src="js/top-bar.js"></script>
    <script type="text/javascript" src="js/common-nav.js"></script>



    </body>
</html>
